<style>
    .select-name-wrapper {
        width: 350px;
        height: 350px;
        position: relative;
    }
    
    .select-name-wrapper>.inner-wrapper>div {
        width: 100px;
        height: 100px;
        text-align: center;
        position: absolute;
        line-height: 100px;
        border: 1px solid white;
        background-color: orangered;
    }
    
    select-name-wrapper .content1 {
        top: 0;
        left: 0;
    }
    
    .select-name-wrapper .content2 {
        top: 0;
        left: 100px;
    }
    
    .select-name-wrapper .content3 {
        top: 0;
        left: 200px;
    }
    
    .select-name-wrapper .content4 {
        top: 100px;
        left: 200px;
    }
    
    .select-name-wrapper .content5 {
        top: 200px;
        left: 200px;
    }
    
    .select-name-wrapper .content6 {
        top: 200px;
        left: 100px;
    }
    
    .select-name-wrapper .content7 {
        top: 200px;
        left: 0;
    }
    
    .select-name-wrapper .content8 {
        top: 100px;
        left: 0;
    }
    
    .select-name-wrapper .btn {
        width: 100px;
        height: 100px;
        text-align: center;
        line-height: 100px;
        border: 1px solid white;
        background-color: orangered;
        position: absolute;
        top: 100px;
        left: 100px;
        cursor: pointer;
    }
    
    .on {
        background-color: yellow !important;
    }
</style>
<div class="select-name-wrapper">
    <div class="inner-wrapper">
        <div class=" list content1 on">铁观音</div>
        <div class=" list content2">碧螺春</div>
        <div class=" list content3">西湖龙井</div>
        <div class=" list content4">君山银针</div>
        <div class=" list content5">信阳毛尖</div>
        <div class=" list content6">祁门红茶</div>
        <div class=" list content7">黄山毛峰</div>
        <div class=" list content8">武夷岩茶</div>
    </div>
    <div class="btn" onselectstart="return false">点击获大奖</div>
</div>
<script>
    let index = 0;
    let timer = null;
    $('.select-name-wrapper .btn').on('click', function() {
        let num = 3000 + Math.random() * 3000;

        if (timer) {
            clearInterval(timer)
        }
        timer = setInterval(function() {
            index = ++index % $('.list').length
            num -= 200;
            if (num < 200) {
                clearInterval(timer);
                alert($('.list.on').html())
                return
            }
            $('.list')
                .eq(index)
                .addClass('on')
                .siblings('.on')
                .removeClass('on')
        }, 50)
    });
</script>